<!--
	作者：2575202388@qq.com
	时间：2019年8月1日17:44:32
	描述：书籍分类
-->

<template>
	<div style="width:100%;">
		<div style="background: #fff;">
			<div style="width:100%;float:left;padding-top: 10px;padding-bottom: 10px;">
				<div style="text-align: right;float:left;line-height:32px;padding-left:10px;">分类名称：</div>
				<div style="width:12%;float:left;">
					<Input v-model="tj.classname"  clearable  style="width: 90%;float:left;" />
				</div>
					
				<div style="width:30%;text-align: left;float:left;">
					<Button v-on:click="search()" style="margin-left:1%;background: #ffa500;color:#fff;border:1px solid #ffa500;">搜索</Button>
					<Button v-on:click="addsjfl()" icon="md-add" type="primary" style="background-color: #3fc1c9;border:1px solid #3fc1c9;">添加分类</Button>
				</div>
			</div>
		
		</div>
		<div>
			<ss :tj="tj" ref="sjflss" ></ss>
			<add ref="add" v-on:reload="search()"></add>
		</div>
	</div>
</template>

<script>
	import ss from "./ss";
	import add from "./add";
	const _config = require('./../../../../../config/config')
	export default {
		name: "bookclassmanage",
		data() {
			return {
				tj: {
					classname:'',//分类名称
				},
			}
		},
		methods: {
			search(){
				this.$refs.sjflss.load();
			},  
			addsjfl(){
				this.$refs.add.openmodal();
			},
			
		},
		components: {
			ss,
			add
		},
		mounted(){
				
		},
		watch:{
		},
		computed: {
			
		}
	}
</script>

<style>
</style>